@import "normalize"; /* 页面标准化文件导入 */

/* 设置产品图片的基本样式 */
.product-image {
    overflow: hidden;
    display: inline-block; /* 确保容器仅包裹图片大小 */
}

/* 图片在容器内的初始状态 */
.product-image img {
    display: block; /* 移除图片下方的空白间隙 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}

/* 当鼠标悬停在图片上时触发的样式 */
.product-image:hover img {
    transform: scale(1.1); /* 放大图片 */
}

